import { createApp } from 'vue'
import App from './App.vue'

import 'normalize.css'
import '@/assets/css/index.less'
import router from './router'
import pinia from './store'
import registerIcon from './global/registerIcon'
// 针对在代码中使用的ElementPlus组件样式需要进行全局注册
import 'element-plus/dist/index.css'
import useLoginStore from './store/login/login'

const app = createApp(App)

// ElementPlus全局注册，其他组件无需按需引入直接使用，缺点：打包体积大
// import ElementPlus from 'element-plus'
// import 'element-plus/dist/index.css'
// app.use(ElementPlus)
// 使用插件自动引入所需样式步骤：
// 1. 安装：npm install vite-plugin-style-import consola -D
// 2. 在vite.config.ts中配置 百度

app.use(pinia)

// 作用：刷新页面之后仍能根据 localStorage 动态注册路由  注意：在次之前注册pinia，在此之后注册router
const loginStore = useLoginStore()
loginStore.loadCacheAction()

app.use(router)
app.use(registerIcon)
app.mount('#app')
